@font-face {
  font-family: mongolianFont;
  src: url('../DelehiTig/delehi/MongolianShineChagan.ttf');
}
body {
  background-color: #f5f5f5;
}
.container {
  width: 90%;
  height: 70%;
  max-width: 1400px;
  /* 超大屏幕 */
  /* margin: 5% auto; */
  padding: 0 0 20px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  /* background-color: rgba(30, 143, 255, 0.253); */
  background-color: #dcdfe6;
}
.tab {
  display: block;
  padding:  10px 20px 0;
}
.tab input {
  height: 14px;
  font-size: 10px;
}
.tab > .title {
  font-size: 14px;
  margin-right: 30px;
  padding-left: 10px;
}
.row {
  width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}
.l-box {
  width: 47%;
}
.in_text {
  width: 100%;
  height: 328px;
  margin-top: 5px;
  padding: 10px;
  border-radius: 5px;
  background-color: #fff;
}
.zh {
  overflow-x: hidden;
  overflow-y: scroll;
}
.mo {
  font-family: mongolianFont;
  writing-mode: vertical-lr;
  overflow-x: scroll;
  overflow-y: hidden;
}
.el-btn-div {
  margin: auto;
}
.el-btn {
  width: 60px;
  height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
}
/* .btn-div {
  width: 6%;
  padding: 130px 10px;
  text-align: center;
}
.btn {
  width: 100%;
  height: 40px;
  font-size: 12px;
  background-color: white;
  padding: 0;
} */
.r-box {
  width: 47%;
}
.transText {
  width: 100%;
  height: 328px;
  margin-top: 5px;
  background-color: #ffff;
  border: 1px solid  rgba(128, 128, 128, 0.376);
  border-radius: 5px;
  padding: 10px;
  font-family: mongolianFont;
}
.t_mo {
  font-family: mongolianFont;
  writing-mode: vertical-lr;
  overflow-x: scroll;
  overflow-y: hidden;
  font-size: 24px;
}
.t_zh {
  font-size: 14px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.count {
  float: right;
  font-size: 12px;
}
/* -------- 超大屏 ----------- */
@media (min-width: 1299px) {
  .container {
    width: 90%;
    height: 60%;
    max-width: 1400px;
    /* 超大屏幕 */
    padding: 0 0 20px;
    border-radius: 5px;
    /* background-color: rgba(30, 143, 255, 0.253); */
    background-color: #dcdfe6;
  }
  .in_text {
    height: 365px;
  }
  .transText {
    height: 365px;
  }
}

/* -------- 平板屏幕 ---------- */
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    width: 100%;
  }
  .row {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
  }
  .l-box {
    width: 45%;
  }
  .in_text {
    width: 100%;
    height:270px;
  }
  /* .el-btn-div {
    margin: auto 10px !important;
  } */
  .btn-div {
    width: 10%;
    padding: 100px 10px;
  }
  .r-box {
    width: 45%;
  }
  .transText {
    width: 100%;
    height: 270px;
    background-color: white;
  }
}
/* ----------- 手机 ------------- */
@media screen and (max-width: 767px) {
  .container {
    height: 100%;
    padding-top: 10px;
  }
  .box {
    width: 100%;
  }
  .row {
    width: 100%;
    height: 98%;
  }
  .l-box {
    width: 100%;
    height: 40%;
  }
  .in_text {
    height: 100%;
  }
  .el-btn-div {
    padding-left: 75%;
    margin: 10px 0;
  }
  .el-btn {
    width: 80px;
    height: 30px;
  }
  .r-box {
    width: 100%;
    height: 40%;
    position: relative;
    top: -20px;
  }
  .transText {
    height: 100%;
  }
  .transText p {
    font-size: 18px;
  }
}
